@zendeskgarden/react-modals
This package includes components relating to modals in the
Garden Design System.
Installation
npm install @zendeskgarden/react-modals
npm install react react-dom prop-types styled-components @zendeskgarden/react-theming
Usage
import '@zendeskgarden/react-modals/dist/styles.css';
import { ThemeProvider } from '@zendeskgarden/react-theming';
import { Modal, Header, Body, Footer, FooterItem, Close } from '@zendeskgarden/react-modals';
import { Button } from '@zendeskgarden/react-buttons';
<ThemeProvider>
<Modal onClose={() => alert('modal closing')}>
<Header>Example Header</Header>
<Body>Some content</Body>
<Footer>
<FooterItem>
<Button basic>Cancel</Button>
</FooterItem>
<FooterItem>
<Button primary>Confirm</Button>
</FooterItem>
</Footer>
<Close aria-label="Close modal" />
</Modal>
</ThemeProvider>;